<template>
    <div class="common-layout" style="height: 100%;">
        <el-container style="height: 100%;">
            <el-header style="height: 100px;background-color: #303133;color: white;line-height: 100px;">
                <div>
                    <span style="float: left;"><el-icon size="40px" ><PictureFilled /></el-icon>&nbsp;&nbsp;公司名称
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span @click="router.push('/GoodListView')" style="cursor: pointer;"><el-icon size="40px"><Document /></el-icon>溯源管理系统</span>
                    </span>
                    <span style="float: right;"><el-icon size="40px" ><User /></el-icon>&nbsp;&nbsp;{{store.UserNickname}}
                    &nbsp;
                    &nbsp;
                    <span @click="router.push('/')" style="cursor: pointer;"><el-icon size="40px" ><Setting /></el-icon> 退出登录</span>
                    </span>
                </div>
            </el-header>
            <el-container>
                
                <el-main>  <RouterView /></el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script setup lang="ts">
import { reactive, ref, onMounted } from 'vue';
import { useRouter,useRoute } from 'vue-router';
import { ElMessage } from 'element-plus';
import axios from 'axios';
import {useCounterStore} from '@/stores/counter'
const store = useCounterStore();
const router = useRouter();
const route = useRoute();
const form = reactive({
    userName: '',
    passWord: ''
})
onMounted(()=>{
    // console.log(store.UserNickname)
})
</script>